<template>
  <div class="head">
    <h1 style="text-align: center">客户订购系统</h1>
    <div class="dev" style="text-align: center">李阳、薛龙达、姚扬瀚、朱春磊、刘慧婷、胡佳乐、晁米岚、黄敏</div>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="首页" name="first">
        <GoodsList />
      </el-tab-pane>
      <el-tab-pane label="上传采购订单" name="second">
        <PurchaseOrder />
      </el-tab-pane>
      <el-tab-pane label="查看销售信息" name="third">
        <SaleInfo />
      </el-tab-pane>
      <el-tab-pane label="查看历史采购信息" name="forth">
        <PurchaseHistoryInfo />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import { ref } from 'vue'
import GoodsList from '@/views/managerhome/GoodsList'
import PurchaseOrder from '@/views/managerhome/PurchaseOrder'
import SaleInfo from '@/views/managerhome/SaleInfo'
import PurchaseHistoryInfo from '@/views/managerhome/PurchaseHistoryInfo'
export default {
  name: 'ManagerHead',
  components: {
    GoodsList,
    PurchaseOrder,
    SaleInfo,
    PurchaseHistoryInfo
  },
  setup () {
    const activeName = ref('first')
    return {
      activeName
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
